<!DOCTYPE html>
<html>
  <head>
    <meta charset='utf-8'>
    <meta content='width=device-width, initial-scale=1' name='viewport'>
    <meta content='IE=edge,chrome=1' http-equiv='X-UA-Compatible'>

    <meta name='turbo-cache-control' content='no-cache'>
    <meta name="turbo-prefetch" content="false" />
    <meta name="turbo-root" content="<%= Trestle.config.path %>">

    <%= csrf_meta_tags %>

    <title><%= [title, Trestle.config.site_title].join(' :: ') %></title>

    <%= favicon_link_tag Trestle.config.favicon if Trestle.config.favicon %>

    <%= stylesheet_link_tag "trestle/admin", 'data-turbo-track': 'reload' %>
    <%= stylesheet_link_tag "trestle/icons/font-awesome", 'data-turbo-track': 'reload' if defined?(Sprockets) %>

    <%= stylesheet_link_tag "trestle/custom", 'data-turbo-track': 'reload' %>

    <%= hook :stylesheets %>

    <%= javascript_include_tag "trestle/admin", 'data-turbo-track': 'reload' %>
    <%= javascript_include_tag "trestle/custom", 'data-turbo-track': 'reload' %>

    <%= render "trestle/i18n" unless I18n.locale == :en %>

    <%= hook :javascripts %>

    <%= render "trestle/theme" %>

    <%= content_for(:head) %>

    <%= hook :head %>
  </head>

  <%= tag.body(**body_attributes) do %>
    <div id="app-wrapper" class="app-wrapper" data-controller="wrapper" data-action="click->wrapper#hideMobileSidebar touchstart->wrapper#hideMobileSidebar" data-wrapper-mobile-sidebar-outlet=".app-sidebar">
      <%= render "trestle/shared/sidebar" %>

      <div class="app-container">
        <%= render "trestle/shared/header" %>

        <div class="app-main">
          <%= yield %>
        </div>

        <%= render "trestle/shared/footer" %>
      </div>
    </div>

    <turbo-frame id="modal" data-controller="modal-frame"></turbo-frame>
  <% end %>
</html>
